<template>
  <div class="regist">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      注册
    </div>
    <div class="content">
      <group title="">
        <x-input v-model="name" title="学生姓名：" name="username" placeholder="请输入姓名" :show-clear="false"></x-input>
      </group>
      <group title="">
        <x-input v-model="mobile" title="手机号码：" ref="tel" name="username" placeholder="请输入手机号码" :show-clear="false"
                 is-type="china-mobile"></x-input>
      </group>
      <group title="">
        <x-input v-model="numID" title="证件号码：" ref="idcard" name="username" :placeholder="idplaceholder" :show-clear="false"
                 :is-type="sfzyanzhen"></x-input>
      </group>
      <group title="">
          <x-input v-model="parentName" title="外籍号码："  name="parentName" placeholder="外籍必填、身份证不填" :show-clear="false"></x-input>
      </group>
     <group title="">
          <x-input v-model="school" title="学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校："  name="school" placeholder="请输入学校（必填）" :show-clear="false"></x-input>
      </group>
      <div class="checkSex">
        <div class="lableSex">性<span class="nbspWidth"></span>别：</div>
        <div class="radioSex">
          <i @click="checkone($event)" ref="man" class="iconfont icon-danxuan-xuanzhong iconfontChecked"></i>
          男 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i ref="woman" @click="checktwo($event)"
                                                               class="iconfont icon-danxuan1 iconfontNotChecked"></i> 女
        </div>
      </div>
      <group title="">
        <datetime
          :min-year="minYear"
          :max-year="maxYear"
          :end-date="endDate"
          format="YYYY-MM-DD"
          v-model="birthday"
          title="出生年月："
          placeholder="请选择出生日期"
        ></datetime>
      </group>
      <div class="checkSex">
        <div style="float: left;margin-top: 8px;" class="lableSex">年<span class="nbspWidth"></span>级：</div>
        <div class="nianji" @click="show = true"><span style="color: #757575;" v-show="gradeListValue.length == 0">请选择年级</span>{{classNum}}{{$refs.picker1&&$refs.picker1.getNameValues()}}</div>
      </div>
    </div>
    <div class="modifyBtn" @click="overModify">完成</div>
    <div class="gradeListBox">
      <popup v-model="show" position="bottom" max-height="50%">
        <p class="btnBox"><span @click="chooseOK">确定</span></p>
        <picker ref="picker1" :data='gradeList' :fixed-columns="2" v-model='gradeListValue'></picker>
      </popup>
    </div>
  </div>
</template>

<style lang="scss" src='./regist.scss'></style>
<script src="./regist.js"></script>
